﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ListContents.ascx.cs"
    Inherits="RealState.W.uc.ListContents" %>
     <link rel="stylesheet" href="js/jqueryui/all/themes/base/jquery.ui.all.css" />
     <script src="js/jqueryui/all/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
       
       var make;
        var clicked = new Array();
        $(document).ready(function() {
           $("#tab0").html(getContent(0));
           
        });

        $(function() {
          var $tabs = $("#content").tabs({
            select: function(e, ui) {
              var thistab = ui.index;
              $("#tab" + thistab).html(getContent(thistab));
            }
          });
        });
        
       function getContent(thistab) {
          for (var x in clicked) {
            if (clicked[x] == thistab)
              return;
          }
          switch (thistab) {
            case 0:
              make = "17"; //Mua du an
              break;
            case 1:
              make = "18";  //ban du an
              break;
            case 2:
              make = "6"  //Mua doanh nghiep
              break;
            case 3:
              make = "7";  //ban doanh nghiep
              break;
            case 4:
              make = "19";  //Moi dau tu
              break;
            case 5:
              make = "8"; // bat dong san
              break;
          }
          $.ajax({
            type: "POST",
            url: "service/ContentService.asmx/GetContent",
            data: "{cid: '" + make + "'}",
            
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(response) {
              var content = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
              for (var i = 0; i < content.length; i++) {
                $('#tab' + thistab).find('table tbody').append('<tr><td>' + content[i].Code + '</td><td> ' +
                                      content[i].Title + '</td><td>' +
                                      content[i].Price + '</td><td>' +
                                      content[i].TradeType + '</td><td>' +
                                      content[i].DistrictName +'/' +content[i].CityName + '</td><td>' +
                                      content[i].CreatedTime + '</td><td>' + '<a style="color:red;" href="ViewContents.aspx?ID='+
                                      content[i].Id + '">Xem</a></td></tr>')
              }
               clicked.push(thistab);
            },
         error: function(xhr, status, error) {
             var err = eval('(' + xhr.responseText + ')');
             alert(err.Message);
        }
          });
        }
         
 
    </script>
    <div id="content">
<div id="header-middle">
    <div class="header-inner">
        <div class="container clearfix">
            <nav id="main-nav">
                        <ul id="main-menu" class="clearfix">
                            <li><a href="#tab0">Mua dự án</a></li>
                            <li><a href="#tab1">Bán dự án</a></li>
                            <li><a href="#tab2">Mua doanh nghiệp</a></li>
                            <li><a href="#tab3">Bán doanh nghiệp</a></li>
                            <li><a href="#tab4">Mời đầu tư dự án</a></li>
                            <li><a href="#tab5">Bất động sản</a></li>
                        </ul>
             </nav>
             
             
            <!--end:main-nav-->
        </div>
        <!--end:container-->
    </div>
    <!--end:header-inner-->
</div>
<!--end:header-middle-->
<section class="shadow-box clearfix">
<div class="inner-box">
                           
           <div class="tab-pane" id="basic">                    
                            <div id="tab0">
                              <table class='table table-striped dataTable table-bordered'>
                                    <thead style="font-weight:bold;">
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                                Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>
                            <div id="tab1">
                                    <table class='table table-striped dataTable table-bordered'>
                                    <thead>
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                                Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>
                            <div id="tab2">
                                    <table class='table table-striped dataTable table-bordered'>
                                    <thead>
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                               Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>
                            <div id="tab3">
                                    <table class='table table-striped dataTable table-bordered'>
                                    <thead>
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                               Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>      
                            <div id="tab4">
                                    <table class='table table-striped dataTable table-bordered'>
                                    <thead>
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                                Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>        
                            <div id="tab5">
                                    <table class='table table-striped dataTable table-bordered'>
                                    <thead>
                                        <tr>
                                            <th>
                                                Mã số
                                            </th>
                                            <th>
                                                Tiêu đề
                                            </th>
                                            <th>
                                                Giá 
                                            </th>
                                            <th>
                                                Ngành nghề
                                            </th>
                                            <th>
                                                Địa điểm 
                                            </th>
                                            <th>
                                                Ngày đăng
                                            </th>
                                            <th>
                                                Xem
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                           
                                    </tbody>
                                    </table>
                            </div>                            
            </div>
</div>
</section>
</div>